<!--<div class="engMainnav-container" ng-include="'app/business/home/templates/engMainNavation.html'"></div>-->
<div class="f-navMain-pageAll">
   <div class="f-career-plan-title">
       <p class="f-care-plan-title-down" style="font-weight:bold;font-size:22px;margin-top: 10px;color: #000;" ng-bind="model.hierTitle.name"></pclass>
       <p class="f-care-plan-title-down" ng-bind="model.hierTitle.introduction"></p>
   </div>
    <div class="f-career-plan-content-cantainer clearfix">
        <div class="f-careerplan-content-box" ng-repeat="item in model.list track by $index" ng-click="clickItem(item,'eng.careerPlanDetail')" ng-style="setSpace($index)">
            <div class="f-careerplan-content-pic">
                <img ng-src="{{item.previewPath}}" alt=""/>
            </div>
            <div class="f-careerplan-content">
                <div class="f-career-plan-content-up clearfix">
                    <img ng-src="{{item.logoPath}}" alt=""/>
                    <a  style="font-size: 20px;line-height: 25px;color: #000;" ng-bind="item.hierName"></a>
                    <a style="font-size:14px;line-height: 25px" ng-bind="item.title"></a>
                </div>
                <div class="f-career-plan-content-down clearfix">
                    <!--<p ><a class="count " ng-bind="item.courseCount"></a><a >套工程课程</a><a class="right-border"></a></p>-->
                    <p><a class="count" ng-bind="item.fileCount"></a><a >个工程资料</a><a class="right-border"></a></p>
                    <!--<p ><a class="count" ng-bind="item.skilCount"></a><a >个工程技能</a><a class="right-border"></a></p>-->
                    <p><a class="count" ng-bind="item.postbarCount"></a><a >个相关提问</a></p>
                </div>
            </div>

        </div>
    </div>
</div>
<div ng-include="'app/business/common/footer.html'"></div>
<style>

    .f-care-plan-title-up{
        font-size: 20px;
        text-align: center;
    }
    .f-care-plan-title-down{
        font-size: 12px;
        color:#AAA6A1;
        margin-top: 20px;
        text-align: center;
    }
        .f-care-plan-title-up,.f-care-plan-title-down{
        
    }
    .f-career-plan-content-cantainer{
        width:1200px;
        margin:0 auto;
        margin-top:30px;
    }

    .f-careerplan-content-box{
        width: 380px;
        height: 370px;
        border: 1px solid #ddd;
        float: left;
        background:#fff;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .f-careerplan-content-pic{
        width: 370px;
        height:245px;

    }
    .f-careerplan-content{
        width: 370px;
        height:125px;
    }
    .f-career-plan-content-up{
        height:25px;
        width: 100%;
        margin-top:20px;
        margin-bottom: 30px;
        padding-left: 20px;
    }
    .f-career-plan-content-up img ,.f-career-plan-content-up a {
        display: block;
        float: left;
        margin-right: 10px;

    }
    .f-career-plan-content-down .count{
        color:#00A4FF;
        padding-right:5px;
    }
    .f-career-plan-content-down p{
        float:left;
        width:50%;
        height:25px;
        text-align: center;

    }
    .right-border{
        float: right;
        margin-top: 4px;
        display: block;
        height: 10px;
        width: 1px;
        border-right: 1px solid #ddd;
    }

</style>